<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/icons-extra.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/style1.css" />
		<link rel="stylesheet" href="font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/commontCust.css" />
		<style>
			/*红包*/
			
			.packet {
				background: rgb(255, 0, 0, 0);
				width: 100%;
				height: 100%;
				z-index: 100000;
			}
			
			.red_packet {
				background: url(img/packet.png) no-repeat scroll 50%;
				position: fixed;
				z-index: 1000000000;
				width: 360px;
				height: 450px;
				background-size: 80%;
				top: 14%;
				scroll 50%;
				/*background-color:#fff;opacity: 0.6;*/
			}
			
			.red_packet .packet_num {
				color: #f00;
				display: block;
				width: 100%;
				text-align: center;
				font-size: 30px;
				position: absolute;
				left: 0%;
				top: 34%;
			}
			
			.mui-bar-tab .mui-tab-item.mui-active {
				color: red;
			}
			
			.kapayshop {
				display: block;
				width: 130px;
				height: 44px;
				line-height: 44px;
				position: absolute;
				right: 20px;
				top: 13px;
				font-size: 16px;
				font-family: "微软雅黑";
				border-radius: 5px;
				text-align: center;
				background: -webkit-linear-gradient(top, #fbed21, #fab538);
				color: black;
			}
			
			.home_top .language {
				color: #fff;
				height: 80px;
				line-height: 70px;
				margin-right: 10px;
			}
			/*中英文切换*/
			
			.lang-zz {
				width: 100%;
				height: 100%;
				background: rgba(255, 255, 255, 0.2);
				position: fixed;
				left: 0px;
				top: 0px;
				z-index: 999;
			}
			
			.lang-main {
				width: 260px;
				height: auto;
				position: fixed;
				background: black;
				left: 50%;
				margin-left: -130px;
				top: 50%;
				margin-top: -25%;
				border-radius: 5px;
			}
			
			.lang-main h5 {
				color: white;
				font-size: 18px;
				text-align: center;
			}
			
			.langbox {
				width: 100%;
				height: 33px;
				padding: 0px 5%;
				line-height: 33px;
				color: white;
			}
			
			.langbox span {
				float: right;
				line-height: 33px;
			}
			
			.lang-btn {
				width: 100%;
				height: 40px;
			}
			
			.lang-btn a {
				display: block;
				width: 50%;
				float: left;
				text-align: center;
				line-height: 40px;
				color: rgb(56, 168, 250);
			}
			
			.lang-btn a:hover {
				background: #222;
			}
		</style>
	</head>

	<body>

		<head class="toubu">
			<div class="nav" style="height: 220px;">
				<img src="img/d2.gif" style="width: 100%;object-fit: cover;height: 100%;">
			</div>
			<div style="width: 100%;margin-top: 4px;" class="divCenter">
				<div style="width: 96%;height: auto;" class="divColumn">
					<div class="bar divColumnCenter" style="border-radius: 5px;height: 42px;">
						<span class="iconfont iconlaba"></span>
						<span class="bar-left" style="color: red;">公告中心：</span>
						<marquee class="bar-right" id="index_note"></marquee>
					</div>

					<div style="width: 100%;height:70px;margin-top: 10px;" class="divRow">

						<div style="width: 48%;height: 100%;background: url(img/home_1.png);background-size: 100% 100%;" class="divColumn" id="balance_record">
							<div style="height: 40%;width: 100%;padding: 0px 10px;" class="divRow divColumnCenter">
								<img src="img/home_3.png" style="width: 10%;" />
								<span style="color: white;font-size: 12px;padding:2px 4px;">账户余额</span>

							</div>
							<div style="width: 100%;height: 60%;color: white;font-size: 16px;" class="divCenter">

								<em id="remaining"></em>

							</div>
						</div>
						<div style="width: 4%;"></div>
						<div style="width: 48%;height: 100%;background: url(img/home_2.png);background-size: 100% 100%;" id="record_point">
							<div style="height: 40%;width: 100%;padding: 0px 10px;" class="divRow divColumnCenter">
								<img src="img/home_4.png" style="width: 10%;" />
								<span style="color: white;font-size: 12px;padding:2px 4px;">节点资产</span>

							</div>
							<div style="width: 100%;height: 60%;color: white;font-size: 16px;" class="divCenter">

								<em id="integral"></em>

							</div>
						</div>
					</div>
					<!---->

				</div>

			</div>

			<div class="content1" style="margin-bottom: 60px;">
				<div style="width: 100%;height: 290px;background: url(img/line_bk.png);background-size: 100% 100%;" class="divColumn">
					<div style="width: 100%;height: 23%;" class="divRow">
						<div style="width: 23%;height: 100%;" class="divColumn divCenter">

							<li id="rollin"><img src="img/shoukuan1.png" style="width: 35%;">
								<p>收款</p>
							</li>
						</div>
						<div style="width: 27%;height: 100%;" class="divColumn divCenter">
							<li id='roll_out'><img src="img/zhuanzhang.png" style="width: 35%;">
								<p style="margin-top: -8px;">转账</p>
							</li>
						</div>
						<div style="width: 27%;height: 100%;" class="divColumn divCenter">
							<li id="convert"><img src="img/duihuan.png" style="width: 35%;">
								<p style="margin-top: -8px;">兑换</p>
							</li>
						</div>
						<div style="width: 23%;height: 100%;" class="divColumn divCenter">
							<li id="shangxueyuan"><img src="img/shangxueyuan.png" style="width: 35%;">
								<p>商学院</p>
							</li>
						</div>

					</div>
					<div style="width: 100%;height: 27%;" class="divRow">
						<div style="width: 23%;height: 100%;" class="divColumn divCenter">
							<li id="chuanqibao"><img src="img/chuanqibao.png" style="width: 35%;">
								<p>传奇宝</p>
							</li>
						</div>
						<div style="width: 27%;height: 100%;" class="divColumn divCenter">
							<li id="jiaoyisuo"><img src="img/jiaoyisuo.png" style="width: 35%;">
								<p>交易所</p>
							</li>
						</div>
						<div style="width: 27%;height: 100%;" class="divColumn divCenter">
							<li id="chuangkequ"><img src="img/chuangkequ.png" style="width: 30%;">
								<p>创客区</p>
							</li>
						</div>
						<div style="width: 23%;height: 100%;" class="divColumn divCenter">
							<li id="zimeiti"><img src="img/zimeiti.png" style="width: 35%;">
								<p>自媒体</p>
							</li>
						</div>

					</div>
					<div style="width: 100%;height: 27%;" class="divRow">
						<div style="width: 23%;height: 100%;" class="divColumn divCenter">
							<li id="taobao"><img src="img/taobao.png" style="width: 50%;">
								<p style="margin-bottom: 10px;">云矿机</p>
							</li>
						</div>
						<div style="width: 27%;height: 100%;" class="divColumn divCenter">
							<li id="xianxiashanghu"><img src="img/xianxiashanghu.png" style="width: 35%;">
								<p>线下商户</p>
							</li>
						</div>
						<div style="width: 27%;height: 100%;" class="divColumn divCenter">
							<li id="xiangmufuhua"><img src="img/xiangmufuhua.png" style="width: 35%;">
								<p>项目孵化</p>
							</li>
						</div>
						<div style="width: 23%;height: 100%;" class="divColumn divCenter">
							<li id="shenghuofuwu"><img src="img/shenghuofuwu.png" style="width: 35%;">
								<p>生活服务</p>
							</li>
						</div>

					</div>
					<div style="width: 100%;height: 23%;" class="divRow">
						<div style="width: 23%;height: 100%;" class="divColumn divCenter">
							<li id="gongyi"><img src="img/gongyi.png" style="width: 35%;">
								<p>公益</p>
							</li>
						</div>
						<div style="width: 27%;height: 100%;" class="divColumn divCenter">
							<li id="wallet_zichan"><img src="img/shuzizichan.png" style="width: 35%;">
								<p>数字资产</p>
							</li>
						</div>
						<div style="width: 27%;height: 100%;" class="divColumn divCenter">
							<li id="community">
								<a><img src="img/jiamishequ.png" style="width: 30%;">
									<p>加密社区</p>
								</a>
							</li>
						</div>
						<div style="width: 23%;height: 100%;" class="divColumn divCenter">
							<li id="youxi"><img src="img/youxi.png" style="width: 40%;" style="width: 35%;">
								<p>游戏</p>
							</li>
						</div>

					</div>
				</div>

			</div>
			<!--
			<div class="content1">

				<li id="rollin"><img src="img/shoukuan1.png">
					<p>收款</p>
				</li>
				<li id='roll_out'><img src="img/zhuanzhang.png">
					<p>转账</p>
				</li>
				<li id="convert"><img src="img/duihuan.png">
					<p>兑换</p>
				</li>
				<li id="shangxueyuan"><img src="img/shangxueyuan.png">
					<p>商学院</p>
				</li>

			</div>

			<div class="content1">

				<li id="chuanqibao"><img src="img/chuanqibao.png">
					<p>传奇宝</p>
				</li>
				<li id="jiaoyisuo"><img src="img/jiaoyisuo.png">
					<p>交易所</p>
				</li>
				<li id="chuangkequ"><img src="img/chuangkequ.png">
					<p>创客区</p>
				</li>
				<li id="zimeiti"><img src="img/zimeiti.png">
					<p>自媒体</p>
				</li>
			</div>
			<div class="content1 haizi">

				<li id="taobao"><img src="img/taobao.png">
					<p style="margin-bottom: 10px;">淘宝商城</p>
				</li>
				<li id="xianxiashanghu"><img src="img/xianxiashanghu.png">
					<p>线下商户</p>
				</li>
				<li id="xiangmufuhua"><img src="img/xiangmufuhua.png">
					<p>项目孵化</p>
				</li>
				<li id="shenghuofuwu"><img src="img/shenghuofuwu.png">
					<p>生活服务</p>
				</li>
				<li id="gongyi"><img src="img/gongyi.png">
					<p>公益</p>
				</li>
				<li id="wallet_zichan"><img src="img/shuzizichan.png">
					<p>数字资产</p>
				</li>
				<li id="community">
					<a><img src="img/jiamishequ.png">
						<p>加密社区</p>
					</a>
				</li>
				<li id="youxi"><img src="img/youxi.png">
					<p>游戏</p>
				</li>
			</div>-->
		</head>

		<!--签到红包-->
		<div class="packet" id="packet" style="display: none;">
			<div class="red_packet" id="do_release">
				<span class="packet_num" id="packet_num" style="color:#F00;margin-top:30px;"><!--123.33231--></span>
				<a style="width:190px;height:36px;position: absolute;top:68%;left:24%;z-index: 1000000000000001;"></a>
			</div>
		</div>

		<!--底部导航-->
		<nav class="mui-bar mui-bar-tab " id="nav" style="background-color: #fff;">
			<a class="mui-tab-item mui-active" id="index.html">
				<span class="mui-icon iconfont iconshouye"></span>
				<span class="mui-tab-label" lang>首页</span>
			</a>
			<a class="mui-tab-item" id="pages/buy-in/buy_in.html">
				<span class="mui-icon iconfont iconjiaoyi"></span>
				<span class="mui-tab-label" lang>交易</span>
			</a>
			<a class="mui-tab-item" id="pages/weep.html">
				<span class="mui-icon iconfont iconzhifu"></span>
				<span class="mui-tab-label" lang>支付</span>
			</a>
			<a class="mui-tab-item" id="mall/index_m.html">
				<span class="mui-icon iconfont iconshangcheng"></span>
				<span class="mui-tab-label" lang>商城</span>
			</a>
			<a class="mui-tab-item" id="setting.html">
				<img src="img/dot_bk.png" style="width: 2%;position: absolute;margin-left: 24px;margin-top: 4px;" />
				<span class="mui-icon iconfont iconzhanghu"></span>
				<span class="mui-tab-label" lang>我的</span>
			</a>
		</nav>
		<script src="js/mui.js"></script>
		<script src="js/config.js"></script>
		<script src="lang/index.js"></script>
		<script src="js/common.js"></script>
		<script src="js/sockjs.js"></script>
		<script src="resource/index/guide.js"></script>
		<script src="resource/index/index.js"></script>
		<script src="resource/index/update.js"></script>
		<script>
			mui.plusReady(function() {
				plus.navigator.setStatusBarBackground("#05508a");
			});
		</script>
	</body>

</html>